<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Consignaciones</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="30" resizable="true" closable="true" collapsible="true">
                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="MENU" collapsible="true">
                    <h:form>
                        <p:menu>
                            <p:menuitem value="Clientes" url="" />
                            <p:menuitem value="Consiganciones" url="" />
                            <p:menuitem value="Cuentas" url="" />
                            <p:menuitem value="Retiros" url="" />
                            <p:menuitem value="Usuarios" url="" />
                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <!--
                    Tabla consignaciones
                    -->
                    <h1>Consignaciones</h1>
                    <h:form id="forma">
                        <p:growl id="growl" showDetail="true" sticky="true"/>
                        <p:messages id="mensajes" showDetail="true"/>
                        <p:panel id="campos">
                            <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Codigo Consignacion:"/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtCodigo" binding="#{consignacionVista.txtCodigo}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Numero Cuenta:"/>
                                    </p:column>
                                    <p:column>
                                        <p:selectOneMenu id="cbmCuenta" binding="#{consignacionVista.cbmCuenta}">
                                            <f:selectItem itemLabel="Seleccione" itemValue="Seleccione"/>
                                            <f:selectItems value="#{consignacionVista.itemsCuenta}" />
                                        </p:selectOneMenu>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Nombre Usuario:"/>
                                    </p:column>
                                    <p:column>
                                        <p:selectOneMenu id="cbmUsuario" binding="#{consignacionVista.cbmUsuario}">
                                            <f:selectItem itemLabel="Seleccione" itemValue="Seleccione"/>
                                            <f:selectItems value="#{consignacionVista.itemsUsuario}" />
                                        </p:selectOneMenu>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Valor A Consignar:"/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtvalor" binding="#{consignacionVista.txtValor}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Fecha Consignacion:"/>
                                    </p:column>
                                    <p:column>
                                        <p:calendar id="txtFecha" value="#{consignacionVista.fecha}" binding="#{consignacionVista.txtFecha}" pattern="yyyy-MM-dd" mask="true">
                                        </p:calendar>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Descripcion:"/>
                                    </p:column>
                                    <p:column>
                                        <p:inputTextarea rows="3" cols="20" binding="#{consignacionVista.txtDescripcion}" queryDelay="750" minQueryLength="4" />
                                    </p:column>
                                </p:row>                             
                            </p:panelGrid>
                            <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <p:commandButton value="REGISTRAR" id="btnRegistra" binding="#{consignacionVista.btnRegistra}" action="#{consignacionVista.funcion_registrar}" update=":forma:campos,:forma:mensajes,:forma:tabla"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton value="MODIFICAR" id="btnModificar" binding="#{consignacionVista.btnModificar}" action="#{consignacionVista.funcion_modificar}" update=":forma:campos,:forma:mensajes,:forma:tabla"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton value="ELIMINAR" id="btnEliminar" binding="#{consignacionVista.btnEliminar}" action="#{consignacionVista.funcion_eliminar}" update=":forma:campos,:forma:mensajes,:forma:tabla"/>
                                    </p:column>  
                                    <p:column>
                                        <p:commandButton value="LIMPIAR" id="btnLimpiar" binding="#{consignacionVista.btnLimpiar}" action="#{consignacionVista.funcion_limpiar}" update=":forma:campos,:forma:mensajes,:forma:tabla"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                        </p:panel>
                        <p:panel id="tabla">
                            <p:dataTable var="ListaCon" value="#{consignacionVista.listaConsignaciones}" rows="5"
                                         paginator="true"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                         rowsPerPageTemplate="5,10,15,20,25"
                                         filteredValue="#{consignacionVista.listaConsignaciones}"
                                         emptyMessage="No se encontraron resultados"
                                         selectionMode="single"
                                         selection="#{consignacionVista.selecConsignacion}"
                                         rowKey="#{ListaCon.consignacionesPK.conCodigo}"
                                         >
                                <p:ajax event="rowSelect" listener="#{consignacionVista.funcion_seleccionar}" update=":forma:campos" />
                                
                                <p:column headerText="Codigo Consignacion">
                                    <h:outputText value="#{ListaCon.consignacionesPK.conCodigo}" />
                                </p:column>

                                <p:column headerText="Numero Cuenta">
                                    <h:outputText value="#{ListaCon.cuentas.cueNumero}" />
                                </p:column>

                                <p:column headerText="Usuario" filterBy="#{ListaCon.usuCedula.usuNombre}">
                                    <h:outputText value="#{ListaCon.usuCedula.usuNombre}" />
                                </p:column>
                                
                                <p:column headerText="Valor">
                                    <h:outputText value="#{ListaCon.conValor}"/>
                                </p:column>
                                
                                <p:column headerText="Fecha">
                                    <h:outputText value="#{ListaCon.conFecha}">
                                        <f:convertDateTime parent="yyyy/MM/dd"/>
                                    </h:outputText>
                                </p:column>
                                
                                <p:column headerText="Descripcion">
                                    <h:outputText value="#{ListaCon.conDescripcion}"/>
                                </p:column>
                                
                            </p:dataTable>
                        </p:panel>
                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>

